google.load('visualization', '1.0', {'packages':['corechart']}); google.setOnLoadCallback(function(){ var data = new google.visualization.DataTable(); data.addColumn('string', '日'); data.addColumn('number', '推測'); data.addColumn({type:'string', role:'annotation'}); data.addColumn({type:'string', role:'annotationText'}); data.addColumn('number', '推測'); data.addColumn({type:'string', role:'annotation'}); data.addColumn({type:'string', role:'annotationText'}); data.addColumn('number', 'iOS前月'); data.addColumn({type:'string', role:'annotation'}); data.addColumn({type:'string', role:'annotationText'}); data.addColumn('number', 'iOS当月'); data.addColumn({type:'string', role:'annotation'}); data.addColumn({type:'string', role:'annotationText'}); data.addRows([ ['1日',null,null,null,null,null,null,114,null,null,197,null,null], ['2日',null,null,null,null,null,null,166,null,null,207,null,null], ['3日',null,null,null,null,null,null,194,null,null,238,'UP!','まどか☆マギカ召喚: 03/03 → 03/17'], ['4日',null,null,null,null,null,null,225,'UP!','仮面ライダー召喚: 02/04 → 02/18',36,null,null], ['5日',null,null,null,null,null,null,31,null,null,46,null,null], ['6日',null,null,null,null,null,null,45,null,null,65,null,null], ['7日',null,null,null,null,null,null,72,null,null,111,null,null], ['8日',null,null,null,null,null,null,123,null,null,155,null,null], ['9日',null,null,null,null,null,null,84,null,null,187,null,null], ['10日',null,null,null,null,null,null,90,null,null,213,null,null], ['11日',null,null,null,null,null,null,135,null,null,206,'UP!','ホワイトデー召喚2020: 03/11 → 03/15'], ['12日',null,null,null,null,null,null,198,'UP!','バレンタイン召喚2020: 02/12 → 02/16',107,null,null], ['13日',null,null,null,null,null,null,90,null,null,154,null,null], ['14日',null,null,null,null,null,null,123,null,null,202,null,null], ['15日',null,null,null,null,null,null,201,null,null,203,null,null], ['16日',null,null,null,null,null,null,236,'UP!','極・言霊祭召喚: 02/16 → 02/18',205,null,null], ['17日',null,null,null,null,null,null,41,null,null,277,'UP!','極・言霊祭召喚: 03/17 → 03/21'], ['18日',null,null,null,null,null,null,66,'UP!','イフゥシン攻略 極・言霊祭召喚: 02/18 → 02/20',27,null,null], ['19日',null,null,null,null,null,null,79,null,null,41,null,null], ['20日',null,null,null,null,null,null,149,'UP!','天言の戦乙女召喚: 02/20 → 03/03',71,null,null], ['21日',null,null,null,null,null,null,90,null,null,108,'UP!','ハメツとゼツボウ編攻略 言霊祭: 03/21 → 03/24'], ['22日',null,null,null,null,null,null,146,null,null,80,null,null], ['23日',null,null,null,null,null,null,231,null,null,88,null,null], ['24日',null,null,null,null,null,null,299,null,null,124,'UP!','邪神器召喚: 03/24 → 03/30'], ['25日',null,null,null,null,null,null,361,null,null,47,null,null], ['26日',null,null,null,null,null,null,423,null,null,88,null,null], ['27日',null,null,null,null,null,null,483,'UP!','真・言霊祭召喚: 02/27 → 03/02',148,null,null], ['28日',null,null,null,null,null,null,86,null,null,219,null,null], ['29日',null,null,null,null,null,null,116,null,null,252,null,null], ['30日',null,null,null,null,null,null,null,null,null,281,'UP!','真・言霊祭召喚: 03/30 → 04/03'], ['31日',null,null,null,null,null,null,null,null,null,74,null,null] ]); var options = { chartArea: {'width':'85%', 'height':'65%', 'left':60 }, 'pointSize': 3, hAxis: { titleTextStyle:{italic:false}, format:'#',ticks: [1,5,10,15,20,25,30] }, vAxis: { title:'2020年3月ランキング', titleTextStyle:{italic:false}, format:'#',viewWindow:{min:0,max:500},direction:-1 }, legend: {position: 'top' }, tooltip: { trigger: 'both' }, focusTarget: 'category', colors:['skyblue','pink','#2980b9','#e74c3c'] }; var chart = new google.visualization.LineChart(document.getElementById('graphField')); chart.draw(data, options); var lastlogday=31 -1 ; var lastlogcat=10; if(lastlogday>=0){ chart.setSelection([{ row: lastlogday, column: lastlogcat }]); google.visualization.events.addListener(chart, 'click', function() { if(chart.getSelection()[0]){ //chart.setSelection(null) } }); } });